// 这个文件用于定义路由对象
import Vue from 'vue'
import VueRouter from 'vue-router'

// 普通引入组件
// 这样的引入方式,所有的组件,再项目启动的时候就会全部加载到内存中
// import Home from '../pages/Home'
// import About from '../pages/About'

// 路由组件的懒加载
const Home = () => import('../pages/Home')
const About = () => import('../pages/About')
const Test1 = () => import('../pages/Test1')
const Test2 = () => import('../pages/Test2')

// 使用插件VueRouter
Vue.use(VueRouter)
export default new VueRouter({
  // 两种模式: 'history'和'hash'.默认是hash
  mode: 'hash',
  // 路由表
  routes: [
    // 注意: 一级路由不能忽略/
    {
      path: '/home',
      component: Home,
      children: [
        {
          //   path: '/home/test1', //允许写完整写法
          path: 'test1', //也允许简写,注意:/都不要写
          component: Test1,
        },
        {
          //   path: '/home/test2',
          path: 'test2',
          component: Test2,
        },
      ],
    },
    {
      path: '/about',
      component: About,
    },
    {
      path: '/',
      redirect: '/home', // 当路径是/时,则重定向到/home
    },
  ],
})
